<#macro pageLayout title="">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<meta name="author" content="Tomasz Galuszka">
	<meta name="copyright" content="&copy; 2012 Politechnika Krakowska">
	<meta name="keywords" content="platforma e-prawojazdy">
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<link rel="Shortcut icon" href="images/app.ico" />
	<title>${title}</title>
	<script type="text/javascript" src="scripts/lib/dojo/dojo/dojo.js" data-dojo-config="
	'parseOnLoad':true,
	'async':true,
	'gfxRenderer':'svg,silverlight,vml',
	'packages':[
		{'name':'gridx','location':'../gridx'},
		{'name':'maqetta','location':'../../maqetta'},
		{'name':'shapes','location':'../../shapes'},
		{'name':'widgets','location':'../../custom'},
		{'name':'modules','location':'../../modules'}]"></script>
	<script type="text/javascript">
		require([
		  "dijit/dijit",
		  "dojo/parser",
		  "maqetta/space",
		  "maqetta/AppStates",
		  "dijit/TitlePane",
		  "dijit/layout/BorderContainer",
		  "dijit/layout/ContentPane",
		  "shapes/Text",
		  "shapes/Line"
		]);
	</script>
	<style>
		@import "css/themes/claro/document.css";
		@import "css/themes/claro/claro.css";
		@import "scripts/lib/shapes/shapes.css";
		@import "scripts/lib/dojo/dojox/grid/resources/Grid.css";
		@import "scripts/lib/dojo/dojox/grid/resources/claroGrid.css";
	</style>
	<link rel="stylesheet" type="text/css" href="css/app.css">
</head>
<body class="claro epadmin" data-maq-flow-layout="true" data-maq-ws="collapse" data-maq-appstates="{}" id="myapp">
 <div data-dojo-type="dijit.layout.BorderContainer" design="headline" persist="false" gutters="true" 
	style="min-width: 1em; min-height: 1px; z-index: 0; width: 100%; height: 100%;">

	<div data-dojo-type="dijit.layout.ContentPane" extractContent="false" preventCache="false" preload="false" refreshOnShow="false"doLayout="true" region="top" 
		splitter="false" maxSize="Infinity" style="height: 40px; background-color: rgba(8, 27, 77, 0.388235); border: 0px;" class="epadmin-header">

		<div class="applogo">
			<a href="userLogin.action">
			Administrator
				<span style="font-size:9px; margin-left: 1px;"><br/>Platforma E-prawojazdy</span>
			</a>

		</div>
		<div class="logout">
		    <a href="userLogout.action" title="Wyloguj">
		        <img alt="Wyloguj" src="images/wyloguj.png" />
		       <br/> Wyloguj
		    </a>
		</div>
		<div class="loggedUser">
			<#include "admin/edit.ftl">
		</div>
			
	</div>
	<div data-dojo-type="dijit.layout.ContentPane" extractContent="false" preventCache="false" preload="false" refreshOnShow="false" region="bottom" splitter="false" 
		maxSize="Infinity" doLayout="false" style="height: 12px; background-color: rgba(8, 27, 77, 0.788235); margin: 0; padding: 5; color: #fff">
		<center>Internetowa platforma E-prawojazdy</center>
	</div>

	<div data-dojo-type="dijit.layout.ContentPane" extractContent="false" preventCache="false" preload="false" refreshOnShow="false" region="left" splitter="false" 
		maxSize="Infinity" doLayout="false" style="width: 228px; background-color: rgba(8, 27, 77, 0.588235)">
		
		<span data-dojo-type="dijit.TitlePane" title="Panel administracyjny" extractContent="false" preventCache="false" preload="false" refreshOnShow="false" duration="200" open="true" 
			style="min-width: 1em; width: 100%; height: auto; background-color:rgba(0, 0, 0, 0.57);" class="menu-admin">
			
			<ul class="app_menu">
				<a href="userLogin.action">
					<li style=" background-image: url('images/home.png'); background-repeat: no-repeat; margin-right: 30px; padding: 16px;
				 		padding-left: 45px; padding-top: 11px;">Strona główna</li>
				 </a>
				<a href="instruktor.action">
					<li style=" background-image: url('images/instruktor.png'); background-repeat: no-repeat; margin-right: 30px; padding: 16px;
				 		padding-left: 45px; padding-top: 11px;">Instruktorzy</li>
				 </a>
				<a href="kursant.action">
					<li style=" background-image: url('images/kursanci.png'); background-repeat: no-repeat; margin-right: 30px; padding: 16px;
				 		padding-left: 45px; padding-top: 11px;">Kursanci</li>
				 </a>
			</ul>
		</span>

		<span data-dojo-type="dijit.TitlePane" title="Wiadomości" extractContent="false" preventCache="false" preload="false" refreshOnShow="false" duration="200" open="true" 
			style="min-width: 1em; width: 100%; height: auto; background-color:rgba(0, 0, 0, 0.57);" class="menu-kursanci">
			
			
			<ul class="app_menu">
				<a href="komunikat!add.action">
					<li style=" background-image: url('images/nowa.png'); background-repeat: no-repeat; margin-right: 30px; padding: 16px;
				 		padding-left:45px; padding-top: 11px;">Utwórz wiadomość</li>
				 </a>
				<a href="komunikat!viewOdebrane.action">
					<li style=" background-image: url('images/odebrane.png'); background-repeat: no-repeat; margin-right: 30px; padding: 16px;
				 		padding-left: 45px; padding-top: 11px;">Odebrane</li>
				 </a>
				<a href="komunikat!viewWyslane.action">
					<li style=" background-image: url('images/wyslane.png'); background-repeat: no-repeat; margin-right: 30px; padding: 16px;
				 		padding-left: 45px; padding-top: 11px;">Wysłane</li>
				 </a>
			</ul>
		</span>
		
		<span data-dojo-type="dijit.TitlePane" title="Finanse" extractContent="false" preventCache="false" preload="false" refreshOnShow="false" duration="200" open="true" 
			style="min-width: 1em; width: 100%; height: auto;" class="menu-kursanci">
			<ul class="app_menu">
				<a href="wydatek.action">
					<li style=" background-image: url('images/wydatki.png'); background-repeat: no-repeat; margin-right: 30px; padding: 16px;
				 		padding-left: 45px; padding-top: 11px;">Wydatki</li>
				 </a>
				<a href="dochod.action">
					<li style=" background-image: url('images/dochody.png'); background-repeat: no-repeat; margin-right: 30px; padding: 16px;
				 		padding-left: 45px; padding-top: 11px;">Dochody</li>
				 </a>
			</ul>
		</span>

	</div>

   <div data-dojo-type="dijit.layout.ContentPane" extractContent="false" preventCache="false" preload="false" refreshOnShow="false" region="center" splitter="false" 
   	maxSize="Infinity" doLayout="false" style="background-color: rgba(8, 27, 77, 0.788235);">
		<#nested>
	</div>
 </div>
</body>
</html>
</#macro>